/*首页优势***************************************************/
.superiority{ box-shadow: 0 6px 40px rgba(128, 128, 128, 0.25); background: #FFF; height: auto; width: 90%; margin: -60px auto 0px; z-index: 10; position: relative; overflow: hidden; }
.superiority .column{ display: none; text-align: center; width: 100%; letter-spacing: 0em; }
.superiority .column span{ display: block; }
.superiority .column .title{ color: #333; font-size: 125%; line-height: 1.8em; }
.superiority .column .subtitle{color:#999;font-size:75%}
#superiority,
.swiper-container-superiority {}
#superiority .swiper-slide { float: left; width: 25%; border-right: 1px solid #e33a0c; min-height: 150px; padding: 1.5em; cursor:pointer}
#superiority .last{ border-style: none; }
#superiority .swiper-button-next,#superiority .swiper-button-prev{opacity:0}
#superiority .swiper-slide span{ display: inline-block; }
#superiority .swiper-slide .images{ width: 30%; float: left; padding-left: 3%; }
#superiority .swiper-slide .note{ font-size: 105%; color: #999; width: 60%; padding-top: 2em; padding-left: 15% }
#superiority .swiper-slide .note strong{ font-size: 250%; display: block; font-weight: normal; color: #666; margin-bottom: .6em; }

/*CSS3效果*/
#superiority .swiper-slide,
#superiority .swiper-slide .note{transition:all .5s ease-in-out;}
#superiority .swiper-slide:hover .note{padding-left:1.5em;}

/*自适应*/
@media screen and (max-width: 1024px) {
	#superiority .swiper-slide span{ display: block; }
	#superiority .swiper-slide .images{ float: none; padding-left: 0%; margin-right: auto; margin-left: auto; }
	#superiority .swiper-slide .images img{margin-right: auto; margin-left: auto;}
	#superiority .swiper-slide .note{ width: 100%; padding-top: 1em; margin-right: auto; margin-left: auto; text-align: center; }
	}
@media screen and (max-width: 640px) {
	.superiority{ box-shadow: none; margin: 0px auto; z-index: 10; position: relative; background: #f6f6f6; width: 100%; padding-top: 3em; padding-bottom: 2em; }
	.superiority .column{ display: none; }
	#superiority .swiper-slide { float: left; width: 100%; border-right: none; padding: 1.5em; }
	#superiority .swiper-button-next,#superiority .swiper-button-prev{ opacity: 1; height: 22px; }
	#superiority .swiper-button-next{ margin-right: 1.5em; }
	#superiority .swiper-button-prev{margin-left: 1.5em;}
	#superiority .swiper-pagination-white{}
	.swiper-button-disabled{ display: none; }
	}



.padding-top-0 {
    padding-top: 0 !important;
}
section {
    border: none;
}
section {
    display: block;
    position: relative;
    padding: 30px 0;
    border-bottom: rgba(0,0,0,0.1) 1px solid;
    -webkit-transition: all .200s;
    -moz-transition: all .200s;
    -o-transition: all .200s;
    transition: all .200s;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    background-size: cover !important;
    box-sizing: border-box !important;
}
.row {
    margin-bottom: 20px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}
.margin-top-30 {
    margin-top: 30px !important;
}
@media (min-width: 1200px)
.col-lg-5 {
    width: 41.66666667%;
}
@media (min-width: 1200px)
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}
@media (min-width: 992px)
.col-md-12 {
    width: 100%;
}
@media (min-width: 992px)
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.text-center {
    text-align: center;
}
h2, .h2 {
    font-size: 30px;
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
element.style {
    color: #F07057;
}
.text-center {
    text-align: center;
}
h4, .h4 {
    font-size: 18px;
}
.margin-top-30 {
    margin-top: 30px !important;
}
@media (min-width: 1200px)
.col-lg-5 {
    width: 41.66666667%;
}

@media (min-width: 1200px)
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}
@media (min-width: 992px)
.col-md-12 {
    width: 100%;
}
@media (min-width: 992px)
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

hr {
	border: 0; 
	height: 1px;
	background-image: -webkit-linear-gradient(left, transparent, rgba(0,0,0,0.2), transparent);
	background-image: -moz-linear-gradient(left, transparent, rgba(0,0,0,0.2), transparent);
	background-image: -ms-linear-gradient(left, transparent, rgba(0,0,0,0.2), transparent);
	background-image: -o-linear-gradient(left, transparent, rgba(0,0,0,0.2), transparent);
	background-image: linear-gradient(left, transparent, rgba(0,0,0,0.2), transparent);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#d6d6d6', GradientType=0)
}


.banner{/*position:relative;*/width:100%;height:auto;overflow:hidden;margin-top:62px;}
.banner .bannerBtn{/*position:absolute;*/top:50%;height:148px;margin-top:-74px;cursor:pointer;z-index:2;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .contents{background: url(/images/bg.jpg) no-repeat center top #f4f4f4;position:absolute;top:120px;left:0px;width:100%;height:100%;}
.banner .content{position:absolute;top:0px;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:left 120px;/*background-attachment:fixed*/;text-align:center;}
.banner .contentInfo{position:absolute;top:30%;left:0px;width:100%;height:250px;margin-top:-170px;z-index:1;}
.banner .content{background-position:left 62px;}
.banner .content .title1{padding-top:-20px;opacity:0;width:100%;font-family: arial, "Microsoft YaHei", Helvetica Neue, Tahoma, Arial, "微软雅黑", "宋体", "黑体";font-size:30px;color:#000;text-align:center;margin-top:0px;}
.banner .content .title2{ opacity:0;width:100%;font-family: arial, "Microsoft YaHei", Helvetica Neue, Tahoma, Arial, "微软雅黑", "宋体", "黑体";font-size:20px;margin-bottom:120px;font-weight:100;color:#000;text-align:center;margin-top:20px;}
.banner .content .title3{opacity:0;padding:6px 24px 8px 24px;font-size:30px;color:#fff;text-align:center;}
.banner .bannerNav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;cursor:pointer;}
.banner .bannerBg{width:100%;height:auto;vertical-align:middle;}

@media  (max-width: 479px) {
.banner{margin-top:0;}
.banner .bannerBtn{height:45px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .contentInfo{height:100px;margin-top:-60px;top:10%;}
.banner .content{background-size:cover;background-position:center 0; background-attachment:inherit}
.banner .content .title1{font-size:30px;padding-top:0px;margin-top:0px;}
.banner .content .title2{font-size:14px;width: 90%;line-height: 16px;margin:8px auto 20px auto;padding-bottom:50px}
.banner .content .title3{padding:3px 12px 4px 12px;font-size:20px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}
}

@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:45px;}
.banner .bannerBtn{height:45px;margin-top:-19px;}
.banner .bannerBtn.leftBtn{left:5px !important;}
.banner .bannerBtn.rightBtn{right:5px !important;}
.banner .contentInfo{height:100px;margin-top:-100px;top:10%;}
.banner .content{background-size:cover;background-position:center 0; background-attachment:inherit}
.banner .content .title1{font-size:30px;padding-top: 50px;}
.banner .content .title2{font-size:14px;width:80%;line-height: 20px;margin:14px auto 26px auto;padding-bottom:50px;margin-top:10px;}
.banner .content .title3{padding:3px 12px 4px 12px;font-size:22px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:40px;height:2px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:450px;}
}

@media (min-width: 640px) and (max-width:1023px ) {
.banner{margin-top:45px;}
.banner .bannerBtn{height:45px;margin-top:-37px;}
.banner .bannerBtn.leftBtn{left:10px !important;}
.banner .bannerBtn.rightBtn{right:10px !important;}
.banner .contentInfo{height:100px;margin-top:-120px;}
.banner .content{background-size:cover;background-position:center 0; background-attachment:inherit}
.banner .content .title1{font-size:30px;padding-top: 0px;margin-top:-90px;}
.banner .content .title2{font-size: 14px;width: 80%;padding-bottom:50px;line-height: 34px;margin:14px auto 26px auto;}
.banner .content .title3{padding:6px 24px 8px 24px;font-size:22px;}
.banner .bannerNav{bottom:10px;}
.banner .bannerNav img{width:80px;height:4px;margin:0px 3px;}
.banner .bannerBg{width:100%;height:600px;}
}

@media (min-width: 1024px) and (max-width:1199px ) {
.banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner{margin-top:52px;}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}
.banner .contentInfo{height:180px;margin-top:-120px;}
.banner .content{background-position:left 52px;}
.banner .content .title1{font-size:30px;padding-top:0px;margin-top:20px;}
.banner .content .title2{ font-size:20px;margin-bottom:56px;}
.banner .content .title3{padding:5px 18px 6px 18px;font-size:25px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:100px;height:3px;margin:0px 3px;}
}

@media (min-width: 1200px) and (max-width:1439px ) {
.banner .contentInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .contentInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner{margin-top:52px;}
.banner .bannerBtn{height:90px;margin-top:-45px;}
.banner .bannerBtn.leftBtn{left:-100px;}
.banner .bannerBtn.rightBtn{right:-100px;}

.banner .contentInfo{height:180px;margin-top:-150px;}
.banner .content{background-position:left 52px;}
.banner .content .title1{font-size:30px;padding-top: 0px;}
.banner .content .title2{ font-size:20px;margin-bottom:16px;padding-bottom:80px}
.banner .content .title3{padding:5px 18px 6px 18px;font-size:25px;}
.banner .bannerNav{bottom:23px;}
.banner .bannerNav img{width:60px;height:3px;margin:0px 3px;}
}